<template>
  <div class="">
    <h3>数据请求</h3>
    <p class="font-s-14 mt-10">任意方式: {{ all }}</p>
    <p class="font-s-14 mt-10">get 方式: {{ get }}</p>
    <p class="font-s-14 mt-10">post 方式: {{ post }}</p>
  </div>
</template>

<script setup>
// server\api 其实就是开启一个后端的服务器
const all = await $fetch('/api/hello')
const get = await $fetch('/api/hello', { method: 'get' })
const post = await $fetch('/api/hello', { method: 'post' })
</script>

<style lang="scss" scoped></style>